<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>设置</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!--禁止数字变成电话号吗-->
        <meta name="format-detection" content="telephone=no" />
	   	<link rel="stylesheet" type="text/css" href="../css/mgPublic.css"/>
	    <link rel="stylesheet" type="text/css" href="../css/mui.min.css"/>
	    <link rel="stylesheet" type="text/css" href="../css/xiao.css"/>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav top_nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 id="title" class="mui-title">设置</h1>
			<!--<a id="info" class="mui-icon iconfont icon-caidan mui-pull-right"></a>-->
		</header>
		<div class="mui-content">
			<div class="z_mt10">
				<ul class="mui-table-view z_setup">
					<li class="mui-table-view-cell">					
						接受新消息通知
						<div class="mui-switch mui-switch-blue mui-switch-mini mui-active">
							<div class="mui-switch-handle"></div>
						</div>
					</li>
					<li class="mui-table-view-cell">
						<a href="about_us.html" class="mui-navigate-right">
							关于app
						</a>
					</li>
					<li class="mui-table-view-cell">
						<a class="mui-navigate-right">
							评价应用
						</a>
					</li>
					<li class="mui-table-view-cell">
						<a href="system_notification.html" class="mui-navigate-right">
							系统通知
						</a>
					</li>
					<li class="mui-table-view-cell">
						<a class="mui-navigate-right" id="tuicu">
							退出登录
						</a>
					</li>
				</ul>
			</div>
		</div>
		<!--弹出提示-退出-->
		<div class="z_Popup j-z_Popup">
			<h2>
				<img src="../images/my/ku.png" />
				<span>温馨提示</span>
			</h2>
			<div class="z_text">
				<p>您真的要退出AFIVE吗？</p>
			</div>
			<div class="z_nav">
				<ul class="clearfix">
					<li class="j-z_off">取消</li>
					<li>确定</li>
				</ul>
			</div>
		</div>
		<script src="../js/jquery-1.11.2.min.js"></script>
		<script src="../js/mui.min.js"></script>
		<script>
			mui.init({
				swipeBack:true //启用右滑关闭功能
			});
			
           //弹出退出
           $("#tuicu").click(function(){
           	 $(".j-z_Popup").show();
           	 $("body").append("<div class='mui-backdrop'></div>");
           });
           //关闭
			$(".j-z_off").click(function(){
				$(this).parent().parent().parent().hide();
				$("body").find(".mui-backdrop").remove();
			});
	   </script>
	</body>
</html>
